<!DOCTYPE html>
<html>
<head>

<!--
  - Level 13
  - A text-based science fiction adventure by Noora Routasuo.
    这是一个文本探险游戏，作者：努拉-鲁塔索。
  - Based on the Ash.js engine and inspired by several incremental/idle games.
    本作采用许多放置游戏都沿用的【ASH.JS】引擎。
  - See changelog.json for version information.
    版本信息请参见【CHANGELOG.JSON】文档。
  -->

<!--*1.浏览配置*-->

  <meta charset="UTF-8" />
  <title>暗十三街</title>
  <meta itemprop="description" name="description" property="og:description" content="放置游戏,文字冒险,暗十三街，level13, 13层" />
  <meta itemprop="image" property="og:image" content="favicon.png" />
  <meta itemprop="name" property="og:title" content="暗十三街" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />

<!--*2.资源调取*-->

  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="image_src" href="favicon.png" />
  <link rel="stylesheet" type="text/css" href="css/normalize.css" />
  <link rel="stylesheet" type="text/css" href="css/gridism.css" />
  <link rel="stylesheet" type="text/css" href="css/main.css" />
  <link rel="stylesheet" type="text/css" href="css/vis.css" />
  <link rel="stylesheet" type="text/css" href="css/scrollbar.css" />
  <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />

</head>

<body class="wrap wider" style="height:100%">

<!--*3.页面元素（主界+菜单+战斗+旅馆+交易+存档+输入+等待）*-->

  <!--*3.1.主要界面*-->

  <div class="sticky-footer-wrapper">    
    <div class="grid" id="grid-main">

      <!--*延时动画*-->
      <div class="unit one-quarter" style="visibility:hidden; padding:1px; height:1px"></div>
      <!--*游戏界面*--><!-- filler for log -->
      <div class="unit three-quarters" id="unit-main" style="display: none">

        <!--*3.1.1.主角行动*-->
        <div id="header-self-bar" class="lvl13-box-2">
          <div id="header-self-inout">
            <img src="img/ui-camp-dark.png" alt="camp" title="camp" width="30" height="30" />
          </div>
          <span id="out-position-indicator-header">
            <!--location-->地点
          </span>
          <span id="out-position-indicator"></span>
          <div id="notification-player" class="unit whole notification">
            <div id="notification-player-bar" class="progress-wrap progress">
              <div class="progress-bar progress"></div>
              <span class="progress-label progress"></span>
            </div>
          </div>
          <ul class="itemlist" id="list-items-perks"></ul>
          <div id="stats-vision" class="stats-indicator">
            <span class="label">
              <!--Vision-->视野
            </span>
            <div class="stats-value-container">
              <span class="value">0</span>
              <span id="vision-change-indicator" class="change-indicator"></span>
            </div>
          </div>
          <div id="stats-health" class="stats-indicator">
            <span class="label">
              <!--Health-->健康
            </span>
            <div class="stats-value-container">
              <span class="value">0</span>
            </div>
          </div>
          <div id="stats-stamina" class="stats-indicator">
            <span class="label">
              <!--Stamina-->精力
            </span>
            <div class="stats-value-container">
              <span class="value">0</span>
              <span id="stamina-change-indicator" class="change-indicator"></span>
            </div>
          </div>
          <div id="stats-scavenge" class="stats-indicator">
            <span class="label">
              <!--Scavenge-->搜索
            </span>
            <div class="stats-value-container">
              <span class="value">0</span>
              <span id="scavenge-change-indicator" class="change-indicator"></span>
            </div>
          </div><hr/>
          <div id="container-equipment-stats"></div>
        </div>

        <!--*3.1.2.全局信息*-->
        <div class="grid" id="grid-main-header">
          <div class="unit whole lvl13-box-3 header-section" id="header-tribe-container">
            <div id="statsbar-self" class="statsbar">
              <div id="stats-evidence" class="stats-indicator">
                <span class="label">
                  <!--Evidence-->线索
                </span>
                <span class="value">0</span>
                <span id="evidence-change-indicator" class="change-indicator"></span>
              </div>
              <div id="stats-rumours" class="stats-indicator">
                <span class="label">
                  <!--Rumours-->传闻
                </span><span class="value">0</span>
                <span id="rumours-change-indicator" class="change-indicator"></span>
              </div>
            </div>
            <div id="statsbar-deity" class="statsbar">
              <button id="btn-deity-rename" class="context btn-meta">
                <!--Rename-->改名
              </button>
              <!--Deity-->氏神:
              <span id="deity-name">
                <!--Name-->名字
              </span>
              <span id="deity-favour" class="stats-indicator">
                <span class="label">
                  <!--Favour-->偏好
                </span>
                <span class="value">0</span>
                <span id="favour-change-indicator" class="change-indicator"></span>
              </span>
            </div>
          </div>
          <div class="unit whole lvl13-box-3" id="header-camp-container">
            <div class="header-section" id="main-header-bag">
              <div id="header-bag-storage" class="stats-indicator">
                <span class="label">
                  <!--Bag capacity-->携量
                </span><span class="value">0</span>/<span class="value-total">0</span>
              </div>
              <div id="header-bag-currency" class="stats-indicator">
                <span class="label">
                  <!--Silver-->银币
                </span>
                <span class="value">0</span>
              </div>
              <div id="bag-resources" class="statsbar"></div>
            </div>
            <div class="header-section" id="main-header-equipment">
              <ul class="itemlist" id="list-header-equipment"></ul>
            </div>
            <div class="header-section" id="main-header-items">
              <ul class="itemlist" id="list-items-followers"></ul>
              <ul class="itemlist" id="list-header-items"></ul>
            </div>
            <div class="lvl13-box-2 header-section" id="main-header-camp">
              <div class="header-section" style="width: 22%">
                <div id="header-camp-storage" class="stats-indicator">
                  <span class="label">
                    <!--Storage-->库存
                  </span>
                  <span class="value">0</span>
                </div>
                <div id="header-camp-reputation" class="stats-indicator">
                  <span class="label">
                    <!--Reputation-->声望
                  </span>
                  <span class="value">0</span>
                  <span id="reputation-change-indicator" class="change-indicator"></span>
                </div>
                <div id="header-camp-population" class="stats-indicator">
                  <span class="label">
                    <!--Population-->人口
                  </span>
                  <span class="value">0</span>
                  <span id="population-change-indicator" class="change-indicator"></span>
                </div>
                </div>
                <div class="grid grid-content" id="grid-switch">
					<div id="switch" class="unit whole">
						<ul class="tabs" id="switch-tabs">
							<li id="switch-out"><span class="name">Outside</span></li>
							<li id="switch-in"><span class="name">Camp</span></li>
							<li id="switch-bag"><span class="name">Bag</span></li>
							<li id="switch-followers"><span class="name">Party</span></li>
							<li id="switch-map"><span class="name">Map</span></li>
							<li id="switch-trade"><span class="name">Trade</span></li>
							<li id="switch-projects"><span class="name">Projects</span></li>
							<li id="switch-blueprints"><span class="name">Blueprints</span></li>
							<li id="switch-upgrades"><span class="name">Upgrades</span></li>
							<li id="switch-world"><span class="name">Tribe</span></li>
						</ul>
					</div>
				</div><!-- grid for the switch -->
				
				<div class="grid grid-content" id="grid-switch-content">
                
					<div class="grid" id="grid-tab-header">
						<div class="unit whole" id="tab-header">
						<button id="btn-header-rename" class="context btn-meta tabelement tab-options" data-tab="switch-in" style="display:none">Rename</button>
                        <div class="tabelement" data-tab="switch-map" style="display:none;">
                            <select id="select-header-level" class="context tab-options"></select>
                        </div>
						<h2>&nbsp;</h2>
						</div>
					</div><!-- grid for the header" -->
			
					<!-- vis for camp -->
					<div class="grid tabelement" id="container-tab-vis-in" data-tab="switch-in">
						<div class="unit whole" id="tab-vis-in">
                            <div id="tab-vis-in-container">
                                <div id="vis-camp-options"><button id="expand-vis-camp" class="btn-meta">expand</button></div>
                                <div id="vis-camp-layer-grid" class="vis-camp-layer"></div>
                                <div id="vis-camp-layer-spots" class="vis-camp-layer"></div>
                                <div id="vis-camp-layer-buildings" class="vis-camp-layer"></div>
                            </div>
						</div>
					</div>
					
					<!-- camp basic stuff: buildings & population -->
					<div class="grid tabelement" id="container-tab-two-in" data-tab="switch-in" style="display:none">
						<div class="unit golden-large">
							<h3>Buildings</h3>
							<div id="in-improvements" class="actionbox">
								<table>
                                <tr id="in-improvements-home">
                                    <td><button class="action action-build action-location multiline" action="build_in_home">Tent</button></td>
                                    <td class="list-amount">0</td>
                                    <td><button class="action action-use" action="use_in_home">Rest</button></td>
                                </tr><tr id="in-improvements-house">
									<td><button class="action action-build action-location" action="build_in_house">Hut</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-house2">
									<td><button class="action action-build action-location multiline" action="build_in_house2">Tower block</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-storage">
									<td><button class="action action-build action-location" action="build_in_storage">Storage</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-generator">
									<td><button class="action action-build action-location" action="build_in_generator">Generator</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-darkfarm">
									<td><button class="action action-build action-location multiline" action="build_in_darkfarm">Snail farm</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-apothecary">
									<td><button class="action action-build action-location multiline" action="build_in_apothecary">Apothecary shop</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-smithy">
									<td><button class="action action-build action-location" action="build_in_smithy">Smithy</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-cementmill">
									<td><button class="action action-build action-location multiline" action="build_in_cementmill">Cement mill</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-library">
									<td><button class="action action-build action-location" action="build_in_library">Library</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-shrine">
									<td><button class="action action-build action-location" action="build_in_shrine">Shrine</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-barracks">
									<td><button class="action action-build action-location" action="build_in_barracks">Barracks</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-fortification">
									<td><button class="action action-build action-location" action="build_in_fortification">Fortifications</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-fortification2">
									<td><button class="action action-build action-location multiline" action="build_in_fortification2">Concrete Fortifications</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-campfire">
									<td><button class="action action-build action-location" action="build_in_campfire">Campfire</button></td>
									<td class="list-amount">0</td>
									<td><button class="action action-use action-location" action="use_in_campfire">Sit down</button></td>
								</tr><tr id="in-improvements-lights">
									<td><button class="action action-build action-location" action="build_in_lights">Lights</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-aqueduct">
									<td><button class="action action-build action-location" action="build_in_aqueduct">Aqueduct</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-ceiling">
									<td><button class="action action-build action-location multiline" action="build_in_ceiling">Tent cover</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-hospital">
									<td><button class="action action-build action-location" action="build_in_hospital">Clinic</button></td>
									<td class="list-amount">0</td>
									<td><button class="action action-use" action="use_in_hospital" id="btn-use_in_hospital1">Treatment</button>
									<button class="action action-use" action="use_in_hospital2" id="btn-use_in_hospital2">Augment</button></td>
								</tr><tr id="in-improvements-market">
									<td><button class="action action-build action-location" action="build_in_market">Market</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-inn">
									<td><button class="action action-build action-location" action="build_in_inn">Inn</button></td>
									<td class="list-amount">0</td>
									<td><button class="action action-use action-location" action="use_in_inn">Recruit</button></td>
								</tr><tr id="in-improvements-radio">
									<td><button class="action action-build action-location multiline" action="build_in_radio">Radio tower</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-trading">
									<td><button class="action action-build action-location multiline" action="build_in_tradingPost">Trading post</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-stable">
									<td><button class="action action-build action-location multiline" action="build_in_stable">Caravan stable</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-research">
									<td><button class="action action-build action-location multiline" action="build_in_researchcenter">Research center</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-square">
                                    <td><button class="action action-build action-location" action="build_in_square">Square</button></td>
									<td class="list-amount">0</td>
								</tr><tr id="in-improvements-garden">
									<td><button class="action action-build action-location multiline" action="build_in_garden">Moss garden</button></td>
									<td class="list-amount">0</td>
								</tr>
								</table>
							</div>
						</div>
						<div class="unit golden-small">
							<div id="in-population" class="infobox">
								<h3>Population</h3>
								<p style="display:none" id="in-population-status">free / diseased</p>
								<table class="full-width" id="in-assign-workers" style="display:none">
									<tr id="in-assign-water">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Water collector</div></td>
										<td><div class="stepper" id="stepper-water"></div></td>
										<td class="in-assign-worker-limit"></td>
									</tr><tr id="in-assign-trapper">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Trapper</div></td>
										<td><div class="stepper" id="stepper-trapper"></div></td>
										<td class="in-assign-worker-limit"></td>
									</tr><tr id="in-assign-scavenger">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Scavenger</div></td>
										<td><div class="stepper" id="stepper-scavenger"></div></td>
										<td class="in-assign-worker-limit"></td>
									</tr><tr id="in-assign-weaver">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Rope-maker</div></td>
										<td><div class="stepper" id="stepper-rope"></div></td>
										<td class="in-assign-worker-limit"></td>
									</tr><tr id="in-assign-chemist">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Chemist</div></td>
										<td><div class="stepper" id="stepper-fuel"></div></td>
										<td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
									</tr><tr id="in-assign-apothecary">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Apothecary</div></td>
										<td><div class="stepper" id="stepper-medicine"></div></td>
										<td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
									</tr><tr id="in-assign-concrete">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Concrete mixer</div></td>
										<td><div class="stepper" id="stepper-concrete"></div></td>
										<td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
									</tr><tr id="in-assign-smith">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Toolsmith</div></td>
										<td><div class="stepper" id="stepper-smith"></div></td>
										<td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
									</tr><tr id="in-assign-scientist">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Scientist</div></td>
										<td><div class="stepper" id="stepper-scientist"></div></td>
										<td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
									</tr><tr id="in-assign-soldier">
										<td class="in-assing-worker-desc"><div class="info-callout-target info-callout-target-small">Soldier</div></td>
										<td><div class="stepper" id="stepper-soldier"></div></td>
										<td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
									</tr>
								</table>
								<p style="display:none" id="in-population-next">Next worker:</p>
								<div id="in-population-bar-next" class="progress-wrap progress">
									<div class="progress-bar progress"></div>
									<span class="progress progress-label"></span>
								</div>
                                <span style="display: none; font-size: 85%" id="in-population-reputation">Reputation required: </span>
							</div>
							<div id="in-occurrences" class="infobox">
								<h3>Events</h3>
								<div id="in-occurrences-trader" class="progress-wrap progress">
                                    <div class="progress-bar progress"></div>
                                    <span class="progress progress-label">Trader</span>
                                </div>
								<div id="in-occurrences-raid" class="progress-wrap progress warning" data-animation-length="50">
                                    <div class="progress-bar progress"></div>
                                    <span class="progress progress-label">Raid!</span>
                                </div>
                                <div id="in-occurrences-outgoing-caravans-container">
                                </div>
								<p class="p-meta" id="in-occurrences-empty">All is quiet in the camp.</p>
							</div>
							<div id="in-demographics" class="infobox p-dense">
								<h3>Stats</h3>
                                <div id="in-demographics-general">
                                    <p id="in-demographics-general-age">Founded: <span class="value">-</span></p>
                                </div>
								<div id="in-demographics-raid">
                                    <div class='info-callout-target'>
    									<p id="in-demographics-raid-danger">Danger from raids: <span class="value"></span></p>
                                    </div><br/>
                                    <div class='info-callout-target'>
    									<p id="in-demographics-raid-defence">Camp defences: <span class="value"></span></p>
                                    </div>
									<p id="in-demographics-raid-last">Last raid: <span class="value"></span></p>
								</div>
                                <div id="id-demographics-level">
                                    <p id="in-demographics-level-population">Level population density: <span class="value"></span></p>
                                </div>
							</div>
						</div>
					</div>
					
					<!-- "embark" page when leaving camp -->
					<div class="grid tabelement" id="container-tab-enter-out">
						<div class="unit whole">
							<p>Make sure you pack enough supplies before you leave.</p>
                            <div class="grid">
                                <div class="unit one-third" id="embark-resources-container">
                                    <div class="subheader"><h3>Resources</h3></div>
                                    <table id="embark-resources">
                                    </table>
                                </div>
                                <div class="unit two-thirds" id="embark-items-container">
                                    <div class="subheader"><h3>Items</h3></div>
                                    <table id="embark-items">
                                    </table>
                                </div>
							</div>
                            <p>
                            <div class="stats-indicator" id="embark-bag">
                                <span class="label">Selected</span>
                                <span class="value">0</span>
                                /
                                <span class="value-total">0</span>
                            </div>
                            </p>
							<div class="actionbox">
							<button class="action" id="in-action-leave" action="leave_camp">Go</button>
                            <span class="warning hidden" id="embark-warning"></span>
							</div>
						</div>
					</div>
					
					<!-- level: minimap and header -->
					<div class="grid tabelement" id="container-tab-two-out" data-tab="switch-out">
                        <div class="unit unit-compass" id="out-container-compass">
                            <div id="minimap-container" class="canvas-container" style="width: 208px; height: 208px">
                            <canvas id="minimap" width="208" height="208">
                            </canvas>
                            </div>
                        </div>
						<div class="unit unit-rest">
                            <h2 id="header-sector">Sector header</h2>
							<div id="out-desc" class="infobox"></div>
						</div>
					</div>
                    
                    <div class="grid tabelement" id="container-tab-two-out-actions" data-tab="switch-out" style="display:none;">
                        <div class="unit unit-compass" id="out-container-compass-actions">
                        <h3>Wander</h3>
                            <table id="table-out-actions-movement">
                                <tr>
                                    <td><button class="action btn-icon action-move" id="out-action-move-nw" action="move_sector_nw"><span>NW</span></button></td>
                                    <td><button class="action btn-icon action-move" id="out-action-move-north" action="move_sector_north"><span>N</span></button></td>
                                    <td><button class="action btn-icon action-move" id="out-action-move-ne" action="move_sector_ne"><span>NE</span></button></td>
                                </tr>
                                <tr>
                                    <td><button class="action btn-icon action-move" id="out-action-move-west" action="move_sector_west"><span>W</span></button></td>
                                    <td></td>
                                    <td><button class="action btn-icon action-move" id="out-action-move-east" action="move_sector_east"><span>E</span></button></td>
                                </tr>
                                <tr>
                                    <td><button class="action btn-icon action-move" id="out-action-move-sw" action="move_sector_sw"><span>SW</span></button></td>
                                    <td><button class="action btn-icon action-move" id="out-action-move-south" action="move_sector_south"><span>S</span></button></td>
                                    <td><button class="action btn-icon action-move" id="out-action-move-se" action="move_sector_se"><span>SE</span></button></td>
                                </tr>
                            </table>
                            <div id="out-actions-movement" class="actionbox">
                            <button class="action action-location" id="out-action-enter" action="enter_camp">Enter camp</button><br/>
                            <button class="action btn-icon" id="out-action-move-camp" action="move_camp_level"><span>Back to camp</span></button><br/>
                            <span id="out-action-move-camp-details" class="p-meta">(2 blocks)</span><br/>
                            <button class="action btn-icon" id="out-action-move-up" action="move_level_up"><span>Move up</span></button><br/>
                            <button class="action btn-icon" id="out-action-move-down" action="move_level_down"><span>Move down</span></button><br/>
                            <button class="action btn-icon" id="out-action-nap" action="nap"><span>Rest</span></button><br/>
                            <button class="action action-location" id="out-action-despair" action="despair">Despair</button>
                            </div>
                        </div>
                        
                        <div class="unit unit-rest">
							<div class="subheader" id="header-out-actions">
								<h3>Search</h3>
							</div>
                            <div id="out-actions" class="actionbox">
                            <button class="action action-location" id="out-action-sca" action="scavenge">Scavenge</button>
                            <button class="action action-location" id="out-action-scout" action="scout">Scout</button>
                            <button class="action action-location" id="out-action-investigate" action="investigate">Investigate</button>
                            <button class="action action-location" id="out-action-clear-workshop" action="clear_workshop">Scout workshop</button>
                            <button class="action action-location" id="out-action-use-spring" action="use_spring">Refill water</button>
                            <span id="container-out-actions-movement-related">
                            </span>
                            </div>
                            
							<div class="subheader" id="header-out-improvements">
								<h3>Build</h3>
							</div>
							<div id="out-improvements" class="actionbox">
								<table>
								<tr id="out-improvements-collector-water">
									<td><button class="action action-build action-location" action="build_out_collector_water" id="out-action-build-bucket">Bucket</button></td>
									<td class="list-amount">0</td>
									<td><button class="action action-use action-location" action="use_out_collector_water" id="out-action-use-bucket">Collect</button></td>
									<td class="list-storage"></td>
								</tr><tr id="out-improvements-collector-food">
									<td><button class="action action-build action-location" action="build_out_collector_food" id="out-action-build-trap">Trap</button></td>
									<td class="list-amount">0</td>
									<td><button class="action action-use action-location" action="use_out_collector_food" id="out-action-use-trap">Collect</button></td>
									<td class="list-storage"></td>
								</tr><tr id="out-improvements-camp">
									<td><button class="action action-build action-location" action="build_out_camp" >Camp</button></td>
									<td class="list-amount">0</td>
								</tr>
								</table>
							</div>
							<div class="actionbox" id="out-locales">
								<div class="subheader">
									<h3>Locations</h3>
								</div>
								<table id="table-out-actions-locales">
								</table>
							</div>
                        </div>
                    </div>
                    
					<!-- bag main div: item list & crafting -->
					<div class="grid tabelement" id="container-tab-two-bag" data-tab="switch-bag" style="display:none">
						<div class="unit three-quarters">
							<div class="subheader" id="header-bag-equipment"><h3>Equipment</h3></div>
							<div class="infobox" id="container-equipment-slots">
                                <div id="item-slot-bag" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-light" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-weapon" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-clothing_over" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-clothing_upper" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-clothing_lower" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-clothing_head" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-clothing_hands" class="item-slot item-slot-big lvl13-box-1"></div>
                                <div id="item-slot-shoes" class="item-slot item-slot-big lvl13-box-1"></div>
                            </div>
							<div class="subheader" id="header-bag-items"><h3>Other items</h3></div>
                            <div class="infobox">
								<ul id="bag-items" style="padding:0px; margin: 0px"></ul>
                                <p id="bag-items-empty" class="p-meta">Nothing here</p>
                            </div>
						</div>
						<div class="unit one-quarter">
							<div class="subheader" id="header-self-use-items"><h3>Use</h3></div>
							<div id="self-use-items" class="actionbox">
								<table>
								</table>
							</div>
							<div class="subheader"><h3>Craft</h3></div>
                            <input type="checkbox" class="checkbox" id="checkbox-crafting-show-obsolete" /><p class="checkbox-label" id="label-crafting-show-obsolete">Show obsolete</p>
							<div id="self-craft" class="actionbox">
							</div>
						</div>
                        </div>
                    
                    <div class="grid tabelement" id="container-tab-two-followers" data-tab="switch-followers" style="display:none;">
						<div class="unit whole">
                            <div class="subheader" id="header-followers"><h3>Followers</h3></div>
							<div class="infobox">
								<ul id="list-followers" class="itemlist"></ul>
                                <p id="followers-empty" class="p-meta">You don't have any followers</p>
                                <p id="followers-max" class="p-meta">Maximum followers</p>
							</div>
						</div>
                    </div>
					
                    <div class="grid tabelement" id="container-tab-two-map" data-tab="switch-map" style="display:none">
                        <div class="unit whole">
                            <p id="map-completion-hint">There are still places to explore on this level.</p>
                            <div id="mainmap-container" class="canvas-container lvl13-box-1">
                                <canvas id="mainmap" width="500" height="500"></canvas>
                                <div id="mainmap-overlay" class="canvas-overlay"></div>
                            </div>
                            <div id="mainmap-sector-details" class="lvl13-box-1" style="margin: 5px; padding: 5px;">
                                <div id="mainmap-sector-details-content-empty">
                                    <h3>Sector details</h3>
                                    <p class="meta">Click on a sector to see details.</p>
                                </div>
                                <div id="mainmap-sector-details-content">
                                    <h3>Sector <span id="mainmap-sector-details-pos"/></h3>
                                    <table class="spacious">
                                        <tr><td>Points of interest:</td><td><span id="mainmap-sector-details-poi"></span></td></tr>
                                        <tr><td>Resources scavenged:</td><td><span id="mainmap-sector-details-res-sca"></span></td></tr>
                                        <tr><td>Collectors:</td><td><span id="mainmap-sector-details-res-col"></span></td></tr>
                                        <tr><td>Threats:</td><td><span id="mainmap-sector-details-threats"></span></td></tr>
                                        <tr><td>Environment:</td><td><span id="mainmap-sector-details-env"></span></td></tr>
                                        <tr><td>Distance:</td><td><span id="mainmap-sector-details-distance"></span></td></tr>
                                    </table>
                                </div>
                                <div id="mainmap-sector-details-content-debug">
                                    <button id="btn-cheat-teleport" class="meta">Teleport</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="grid tabelement" id="container-tab-trade" data-tab="switch-trade" style="display:none">
                        <div class="unit whole">
                            <div class="subheader"><h3>Incoming caravans</h3></div>
                            <p id="trade-caravans-incoming-empty-message">No traders here at the moment.</p>
							<div id="trade-caravans-incoming-container" class="actionbox">
                                <table></table>
							</div>
                            <div class="subheader"><h3>Trade partners</h3></div>
                            <p id="trade-caravans-outgoing-empty-message">No trade partners discovered yet.</p>
							<div id="trade-caravans-outgoing-container" class="actionbox">
								<table></table>
							</div>
                            <p id="trade-caravans-outgoing-num">Available caravans:</p>
                        </div>
                    </div>
                    
                    <div class="grid tabelement" id="container-tab-two-projects" data-tab="switch-projects" style="display:none">
                        <div class="unit whole">
                            <div class="actionbox" id="container-in-improvements-colony">
                                <div class="subheader"><h3>Colony projects</h3></div>
                                <div id="in-improvements-colony" class="actionbox">
    								<table class="fullwidth"></table>
                                </div>
                                <button id="in-action-launch" class="action" action="launch">Launch</button>
                            </div>
                            <div class="infobox">
                                <div class="subheader"><h3 id="header-in-improvements-level">Available projects</h3></div>
    							<div id="in-improvements-level" class="actionbox">
    								<table class="fullwidth"></table>
    							</div>
                                <p id="in-improvements-level-empty-message">There are no building projects available.</p>
                            </div>
                            <div class="subheader"><h3 id="header-in-improvements-level-built">Built projects</h3></div>
                            <div id="in-improvements-level-built" class="actionbox">
                                <table class="fullwidth"></table>
                            </div>
                        </div>
                    </div>
                    
                    <div class="grid tabelement" id="container-tab-two-blueprints" data-tab="switch-blueprints" style="display:none;">
                        <div class="unit whole">
                            <p>Notes, sketches, devices, parts, plans and experiments collected from the City.</p>
                            <div id="blueprints-list-container" class="actionbox">
                            <table id="blueprints-pieces-list" class="fullwidth">
                            </table>
                            <p id="blueprints-list-empty-message">There are currently no blueprints in progress.</p>
                            </div>
                        </div>
                    </div>
                    
					<div class="grid tabelement" id="container-tab-two-upgrades" data-tab="switch-upgrades" style="display: none;">
						<div class="unit whole">
							<div id="world-blueprints" class="actionbox">
								<div class="subheader"><h3>Completed blueprints</h3></div>
								<table id="blueprints-list" class="fullwidth">
								</table>
							</div>
							<div id="world-upgrades" class="actionbox">
								<div class="subheader"><h3>Available upgrades</h3></div>
								<table id="upgrades-list" class="fullwidth spacious">
								</table>
                                <p id="world-upgrades-empty-message">No available upgrades at the moment.</p>
							</div>
							<div id="world-upgrades-info" class="infobox">
								<div class="subheader"><h3>All upgrades</h3></div>
                                <p id="world-upgrades-count">Completed upgrades: 0</p>
                                <div class ="infobox">
                                <div id="researched-upgrades-vis-container" class="canvas-container lvl13-box-1">
                                    <canvas id="researched-upgrades-vis" width="100" height="100"></canvas>
                                    <div id="upgrades-vis-overlay" class="canvas-overlay"></div>
                                </div>
                                <div id="upgrade-details" class="lvl13-box-1" style="margin: 5px; padding: 5px;">
                                    <div id="upgrade-details-content-empty">
                                        <h4>Upgrade details</h4>
                                        <p class="meta">Click on an upgrade to see details.</p>
                                    </div>
                                    <div id="upgrade-details-content">
                                        <h4 id="upgrade-details-name">Upgrade name</h4>
                                        <p>
                                            <span id="upgrade-details-desc">Upgrade description</span><br/>
                                            <span id="upgrade-details-effect" class="p-meta">Upgrade effects</span>
                                        </p>
                                    </div>
                                </div>
                                </div>
							</div>
						</div>
					</div>
			
					<div class="grid tabelement" id="container-tab-two-world" data-tab="switch-world" style="display:none">
						<div class="unit whole">
                            <div class="infobox">
								<div class="subheader"><h3>Messages</h3></div>
                                <p id="world-message">No news from other camps at the moment.</p>
								<div class="subheader"><h3>Camp overview</h3></div>
								<table id="camp-overview" class="full-width">
									<tr id="camp-overview-header" class="lvl13-box-1">
										<th class="th-text" colspan="2"></th>
										<th class="th-number">pop (free)</th>
										<th class="th-number">rep</th>
                                        <th class="th-number">lvl pop</th>
										<th class="th-number">trade</th>
										<th class="th-number">storage</th>
										<th class="th-text">production</th>
										<th class="th-text"></th>
										<th class="th-number"></th>
									</tr>
								</table>
							</div>
						</div>
					</div>
			</div><!-- main switch content grid -->
			
            </div><!-- main unit: the whole 3/4 right of the log -->
			
            <div id="log" class="unit one-quarter limit-height">
				<div id="log-overlay" class="lvl13-fade-down"></div>
				<ul></ul>
			</div>
			
		</div><!-- main grid -->
	
		<div class="grid sticky-footer-push"></div>
		
	</div><!-- sticky footer wrap -->
	
	<div class="grid sticky-footer">
		<div class="unit one-quarter" style="visibility:hidden"></div>
		<div class="unit three-quarters" id="footer">
			<span id="game-version" class="p-meta"></span>
			<span id="game-msg" class="p-meta"></span>
			<ul id="game-options">
				<li><button class="btn-meta" id="btn-more">更多</button>
				<li><button class="btn-meta" id="btn-restart">重置</button></li>
				<li><button class="btn-meta" id="btn-save">保存</button></li>
			</ul>
			<ul id="game-options-extended" style="display:none">
				<li><button class="btn-meta" id="btn-info">信息</button></li>
				<li><button class="btn-meta" id="btn-importexport">导入/导出</button></li>
                <li><span>:</span></li>
			</ul>
		</div>
	</div><!-- sticky footer -->
                        
    <div id="fight-popup" class="popup fill-on-mobiles" style="display:none">
        <h3 id="fight-title"></h3>
        <p id="fight-desc"></p>
        <p id="fight-popup-enemy-info">敌人名称 & 强度</p>
        <div id="fight-popup-bars">
            <div id="fight-bar-enemy" class="progress-wrap progress">
                <div class="progress-bar progress"></div>
            </div>
            <div id="fight-bar-self" class="progress-wrap progress">
                <div class="progress-bar progress"></div>
            </div>
          </div>
        </div>

        <!--*3.1.3.位置信息*--><!-- grid for the whole stats bar -->        
        <div class="grid">
          <div id="grid-location-header" class="unit whole">
            <h3 id="in-game-date">Y783</h3>
            <h1>
              <!--Camp-->营地
            </h1>
          </div>
        </div>

        <!--*3.1.4.操作菜单*-->
        <div class="grid grid-content" id="grid-switch">
          <div id="switch" class="unit whole">
            <ul class="tabs" id="switch-tabs">
              <li id="switch-out">
                <span class="name">
                  <!--Outside-->室外
                </span>
              </li>
              <li id="switch-in">
                <span class="name">
                  <!--Camp-->营地
                </span>
              </li>
              <li id="switch-bag">
                <span class="name">
                  <!--Bag-->背包
                </span>
              </li>
              <li id="switch-followers">
                <span class="name">
                  <!--Party-->队伍
                </span>
              </li>
              <li id="switch-map">
                <span class="name">
                  <!--Map-->地图
                </span>
              </li>
              <li id="switch-trade">
                <span class="name">
                  <!--Trade-->贸易
                </span>
              </li>
              <li id="switch-projects">
                <span class="name">
                  <!--Projects-->工程
                </span>
              </li>
              <li id="switch-blueprints">
                <span class="name">
                  <!--Blueprints-->蓝图
                </span>
              </li>
              <li id="switch-upgrades">
                <span class="name">
                  <!--Upgrades-->升级
                </span>
              </li>
              <li id="switch-world">
                <span class="name">
                  <!--Tribe-->部落
                </span>
              </li>
            </ul>
          </div>
        </div>

        <!--*3.1.5.操作界面*--><!-- grid for the switch -->
        <div class="grid grid-content" id="grid-switch-content">

          <!--*31501*-->
          <div class="grid" id="grid-tab-header">
            <div class="unit whole" id="tab-header">
              <button id="btn-header-rename" class="context btn-meta tabelement tab-options" data-tab="switch-in" style="display:none">
                <!--Rename-->改名
              </button>
              <div class="tabelement" data-tab="switch-map" style="display:none;">
                <select id="select-header-level" class="context tab-options"></select>
              </div>
              <h2>&nbsp;</h2>
            </div>
          </div>
          <!-- grid for the header -->
          <!-- vis for camp -->

          <!--*31502*-->
          <div class="grid tabelement" id="container-tab-vis-in" data-tab="switch-in">
            <div class="unit whole" id="tab-vis-in">
              <div id="tab-vis-in-container">
                <div id="vis-camp-options">
                  <button id="expand-vis-camp" class="btn-meta">
                    <!--expand-->展开|收起
                  </button>
                </div>
                <div id="vis-camp-layer-grid" class="vis-camp-layer"></div>
                <div id="vis-camp-layer-spots" class="vis-camp-layer"></div>
                <div id="vis-camp-layer-buildings" class="vis-camp-layer"></div>
              </div>
            </div>
          </div>
          <!-- camp basic stuff: buildings & population -->

          <!--*31503*-->
          <div class="grid tabelement" id="container-tab-two-in" data-tab="switch-in" style="display:none">
            <div class="unit golden-large">
              <h3>
                <!--Buildings-->建筑
              </h3>
              <div id="in-improvements" class="actionbox">
                <table>
                  <tr id="in-improvements-home">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_home">
                        <!--Tent-->帐篷
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                    <td>
                      <button class="action action-use" action="use_in_home">
                        <!--Rest-->休息
                      </button>
                    </td>
                  </tr>
                  <tr id="in-improvements-house">
                    <td>
                      <button class="action action-build action-location" action="build_in_house">
                        <!--Hut-->小屋
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-house2">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_house2">
                        <!--Tower block-->塔楼
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-storage">
                    <td>
                      <button class="action action-build action-location" action="build_in_storage">
                        <!--Storage-->库房
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-generator">
                    <td>
                      <button class="action action-build action-location" action="build_in_generator">
                        <!--Generator-->电站
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-darkfarm">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_darkfarm">
                        <!--Snail farm-->菌坊
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-apothecary">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_apothecary">
                        <!--Apothecary shop-->药坊
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-smithy">
                    <td>
                      <button class="action action-build action-location" action="build_in_smithy">
                        <!--Smithy-->工坊
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-cementmill">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_cementmill">
                        <!--Cement mill-->砖坊
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-library">
                    <td>
                      <button class="action action-build action-location" action="build_in_library">
                        <!--Library-->书社
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-shrine">
                    <td>
                      <button class="action action-build action-location" action="build_in_shrine">
                        <!--Shrine-->神殿
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-barracks">
                    <td>
                      <button class="action action-build action-location" action="build_in_barracks">
                        <!--Barracks-->军营
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-fortification">
                    <td>
                      <button class="action action-build action-location" action="build_in_fortification">
                        <!--Fortifications-->要塞
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-fortification2">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_fortification2">
                        <!--Concrete Fortifications-->工事
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-campfire">
                    <td>
                      <button class="action action-build action-location" action="build_in_campfire">
                        <!--Campfire-->营火
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                    <td>
                      <button class="action action-use action-location" action="use_in_campfire">
                        <!--Sit down-->坐下
                      </button>
                    </td>
                  </tr>
                  <tr id="in-improvements-lights">
                    <td>
                      <button class="action action-build action-location" action="build_in_lights">
                        <!--Lights-->灯火
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-aqueduct">
                    <td>
                      <button class="action action-build action-location" action="build_in_aqueduct">
                        <!--Aqueduct-->管渠
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-ceiling">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_ceiling">
                        <!--Tent cover-->顶棚
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-hospital">
                    <td>
                      <button class="action action-build action-location" action="build_in_hospital">
                        <!--Hospital-->医院
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                    <td>
                      <button class="action action-use" action="use_in_hospital" id="btn-use_in_hospital1">
                        <!--Treatment-->治疗
                      </button>
                      <button class="action action-use" action="use_in_hospital2" id="btn-use_in_hospital2">
                        <!--Augment-->强化
                      </button>
                    </td>
                  </tr>
                  <tr id="in-improvements-market">
                    <td>
                      <button class="action action-build action-location" action="build_in_market">
                        <!--Market-->市场
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-inn">
                    <td>
                      <button class="action action-build action-location" action="build_in_inn">
                        <!--Inn-->旅馆
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                    <td>
                      <button class="action action-use action-location" action="use_in_inn">
                        <!--Recruit-->招募
                      </button>
                    </td>
                  </tr>
                  <tr id="in-improvements-radio">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_radio">
                        <!--Radio tower-->基站
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-trading">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_tradingPost">
                        <!--Trading post-->商肆
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-stable">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_stable">
                        <!--Caravan stable-->商队
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-research">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_researchcenter">
                        <!--Research-->学院
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-square">
                    <td>
                      <button class="action action-build action-location" action="build_in_square">
                        <!--Square-->广场
                      </button>
                    </td><td class="list-amount">0</td>
                  </tr>
                  <tr id="in-improvements-garden">
                    <td>
                      <button class="action action-build action-location multiline" action="build_in_garden">
                        <!--Moss garden-->庭院
                      </button>
                    </td><td class="list-amount">0</td>
                  </tr>
                </table>
              </div>
            </div>
            <div class="unit golden-small">
              <div id="in-population" class="infobox">
                <h3>
                  <!--Population-->人口
                </h3>
                <p style="display:none" id="in-population-status">
                  <!--free / diseased-->闲人
                </p>
                <table class="full-width" id="in-assign-workers" style="display:none">
                  <tr id="in-assign-water">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Water collector-->寻水
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-water"></div></td>
                    <td class="in-assign-worker-limit"></td>
                  </tr>
                  <tr id="in-assign-trapper">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Trapper-->觅食
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-trapper"></div></td>
                    <td class="in-assign-worker-limit"></td>
                  </tr>
                  <tr id="in-assign-scavenger">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Scavenger-->拾铁
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-scavenger"></div></td>
                    <td class="in-assign-worker-limit"></td>
                  </tr>
                  <tr id="in-assign-weaver">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Rope-maker-->编绳
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-rope"></div></td>
                    <td class="in-assign-worker-limit"></td>
                  </tr>
                  <tr id="in-assign-chemist">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Chemist-->炼丹
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-fuel"></div></td>
                    <td class="in-assign-worker-limit">
                      <div class='info-callout-target info-callout-target-small' description=""></div>
                    </td>
                  </tr>
                  <tr id="in-assign-apothecary">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Apothecary-->熬药
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-medicine"></div></td>
                    <td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
                  </tr>
                  <tr id="in-assign-concrete">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Concrete mixer-->泥瓦
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-concrete"></div></td>
                    <td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
                  </tr>
                  <tr id="in-assign-smith">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Toolsmith-->加工
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-smith"></div></td>
                    <td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
                  </tr>
                  <tr id="in-assign-scientist">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Scientist-->学问
                      </div>
                    </td>
                    <td>
                      <div class="stepper" id="stepper-scientist"></div>
                    </td>
                    <td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
                  </tr>
                  <tr id="in-assign-soldier">
                    <td class="in-assing-worker-desc">
                      <div class="info-callout-target info-callout-target-small">
                        <!--Soldier-->勇士
                      </div>
                    </td>
                    <td><div class="stepper" id="stepper-soldier"></div></td>
                    <td class="in-assign-worker-limit"><div class='info-callout-target info-callout-target-small' description=""></div></td>
                  </tr>
                </table>
                <p style="display:none" id="in-population-next">
                  <!--Next worker: -->新的伙伴：
                </p>
                <div id="in-population-bar-next" class="progress-wrap progress">
                  <div class="progress-bar progress"></div>
                  <span class="progress progress-label"></span>
                </div>
                <span style="display: none; font-size: 85%" id="in-population-reputation">
                  <!--Reputation required: -->需求声望：
                </span>
              </div>
              <div id="in-occurrences" class="infobox">
                <h3>
                  <!--Events-->事件
                </h3>
                <div id="in-occurrences-trader" class="progress-wrap progress">
                  <div class="progress-bar progress"></div>
                  <span class="progress progress-label">
                    <!--Trader-->商人
                  </span>
                </div>
                <div id="in-occurrences-raid" class="progress-wrap progress warning" data-animation-length="50">
                  <div class="progress-bar progress"></div>
                  <span class="progress progress-label">
                    <!--Raid!-->遭遇偷袭！
                  </span>
                </div>
                <div id="in-occurrences-outgoing-caravans-container"></div>
                <p class="p-meta" id="in-occurrences-empty">
                  <!--All is quiet in the camp.-->一片祥和。
                </p>
              </div>
              <div id="in-demographics" class="infobox">
                <h3>
                  <!--Stats-->统计
                </h3>
                <div id="in-demographics-general">
                  <p id="in-demographics-general-age">
                    <!--Founded: -->发现：
                    <span class="value">-</span>
                  </p>
                </div>
                <div id="in-demographics-raid">
                  <p id="in-demographics-raid-danger">
                    <!--Danger from raids:-->危险预警：
                    <span class="value"></span>
                  </p>
                  <p id="in-demographics-raid-defence">
                    <!--Camp defences: -->营地防御：
                    <span class="value"></span>
                  </p>
                  <p id="in-demographics-raid-last">
                    <!--Last raid: -->上次遭袭：
                    <span class="value"></span>
                  </p>
                </div>
                <div id="id-demographics-level">
                  <p id="in-demographics-level-population">
                    <!--Level population density: -->人口密度：
                    <span class="value"></span>
                  </p>
                </div>
              </div>
            </div>
          </div>
          <!-- "embark" page when leaving camp -->

          <!--*31504*-->
          <div class="grid tabelement" id="container-tab-enter-out">
            <div class="unit whole">
              <p>
                <!--Make sure you pack enough supplies before you leave.-->
                行前切记整备（水+食+道具+装备）。
              </p>
              <div class="grid">
                <div class="unit one-third" id="embark-resources-container">
                  <div class="subheader">
                    <h3>
                      <!--Resources-->给养
                    </h3>
                  </div>
                  <table id="embark-resources"></table>
                </div>
                <div class="unit two-thirds" id="embark-items-container">
                  <div class="subheader">
                    <h3>
                      <!--Items-->道具
                    </h3>
                  </div>
                  <table id="embark-items"></table>
                </div>
              </div>
              <p>
                <div class="stats-indicator" id="embark-bag">
                  <span class="label">
                    <!--Selected-->携带
                  </span>
                  <span class="value">0</span>/<span class="value-total">0</span>
                </div>
              </p>
              <div class="actionbox">
                <button class="action" id="in-action-leave" action="leave_camp">
                  <!--Go-->出发
                </button>
              </div>
              <p class="warning hidden" id="embark-warning"></p>
            </div>
          </div>
          <!-- level: minimap and header -->

          <!--*31505*-->
          <div class="grid tabelement" id="container-tab-two-out" data-tab="switch-out" style="display:none;">
            <div class="unit unit-compass" id="out-container-compass">
              <div id="minimap-container" class="canvas-container" style="width: 208px; height: 208px">
                <canvas id="minimap" width="208" height="208"></canvas>
              </div>
            </div>
            <div class="unit unit-rest">
              <h2 id="header-sector">
                <!--Sector header-->街区信息
              </h2>
              <div id="out-desc" class="infobox"></div>
            </div>
          </div>

          <!--*31506*-->
          <div class="grid tabelement" id="container-tab-two-out-actions" data-tab="switch-out" style="display:none;">
            <div class="unit unit-compass" id="out-container-compass-actions">
              <h3>
                <!--Wander-->游荡
              </h3>
              <table id="table-out-actions-movement">
                <tr>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-nw" action="move_sector_nw">
                      <span>
                        <!--NW-->西北
                      </span>
                    </button>
                  </td>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-north" action="move_sector_north">
                      <span>
                        <!--N-->正北
                      </span>
                    </button>
                  </td>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-ne" action="move_sector_ne">
                      <span>
                        <!--NE-->东北
                      </span>
                    </button>
                  </td>
                </tr>
                <tr>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-west" action="move_sector_west">
                      <span>
                        <!--W-->正西
                      </span>
                    </button>
                  </td>
                  <td></td>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-east" action="move_sector_east">
                      <span>
                        <!--E-->正东
                      </span>
                    </button>
                  </td>
                </tr>
                <tr>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-sw" action="move_sector_sw">
                      <span>
                        <!--SW-->西南
                      </span>
                    </button>
                  </td>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-south" action="move_sector_south">
                      <span>
                        <!--S-->正南
                      </span>
                    </button>
                  </td>
                  <td>
                    <button class="action btn-icon action-move" id="out-action-move-se" action="move_sector_se">
                      <span>
                        <!--SE-->东南
                      </span>
                    </button>
                  </td>
                </tr>
              </table>
              <div id="out-actions-movement" class="actionbox">
                <button class="action action-location" id="out-action-enter" action="enter_camp">
                  <!--Enter camp-->进入营地
                </button><br/>
                <button class="action btn-icon" id="out-action-move-camp" action="move_camp_level">
                  <span>
                    <!--Back to camp-->返回营地
                  </span>
                </button><br/>
                <span id="out-action-move-camp-details" class="p-meta">
                  <!--(2 blocks)-->（2 格）
                </span><br/>
                <button class="action btn-icon" id="out-action-move-up" action="move_level_up">
                  <span>
                    <!--Move up-->向上
                  </span>
                </button><br/>
                <button class="action btn-icon" id="out-action-move-down" action="move_level_down">
                  <span>
                    <!--Move down-->向下
                  </span>
                </button><br/>
                <button class="action btn-icon" id="out-action-nap" action="nap">
                  <span>
                    <!--Rest-->休息
                  </span>
                </button><br/>
                <button class="action action-location" id="out-action-despair" action="despair">
                  <!--Despair-->绝望
                </button>
              </div>
            </div>
            <div class="unit unit-rest">
              <div class="subheader" id="header-out-actions">
                <h3>
                  <!--Search-->搜捡
                </h3>
              </div>
              <div id="out-actions" class="actionbox">
                <button class="action action-location" id="out-action-sca" action="scavenge">
                  <!--Scavenge-->搜索
                </button>
                <button class="action action-location" id="out-action-scout" action="scout">
                  <!--Scout-->侦察
                </button>
                <button class="action action-location" id="out-action-investigate" action="investigate">
                  <!--Investigate-->调查
                </button>
                <button class="action action-location" id="out-action-clear-workshop" action="clear_workshop">
                  <!--Scout workshop-->检修
                </button>
                <button class="action action-location" id="out-action-use-spring" action="use_spring">
                  <!--Refill water-->补水
                </button>
                <span id="container-out-actions-movement-related"></span>
              </div>
              <div class="subheader" id="header-out-improvements">
                <h3>
                  <!--Build-->建造
                </h3>
              </div>
              <div id="out-improvements" class="actionbox">
                <table>
                  <tr id="out-improvements-collector-water">
                    <td>
                      <button class="action action-build action-location" action="build_out_collector_water" id="out-action-build-bucket">
                        <!--Bucket-->水桶
                      </button></td>
                    <td class="list-amount">0</td>
                    <td>
                      <button class="action action-use action-location" action="use_out_collector_water" id="out-action-use-bucket">
                        <!--Collect-->采集
                      </button>
                    </td>
                    <td class="list-storage"></td>
                  </tr>
                  <tr id="out-improvements-collector-food">
                    <td>
                      <button class="action action-build action-location" action="build_out_collector_food" id="out-action-build-trap">
                        <!--Trap-->陷阱
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                    <td>
                      <button class="action action-use action-location" action="use_out_collector_food" id="out-action-use-trap">
                        <!--Collect-->采集
                      </button>
                    </td>
                    <td class="list-storage"></td>
                  </tr>
                  <tr id="out-improvements-camp">
                    <td>
                      <button class="action action-build action-location" action="build_out_camp" >
                        <!--Camp-->营地
                      </button>
                    </td>
                    <td class="list-amount">0</td>
                  </tr>
                </table>
              </div>
              <div class="actionbox" id="out-locales">
                <div class="subheader">
                  <h3>
                    <!--Locations-->地点
                  </h3>
                </div>
                <table id="table-out-actions-locales"></table>
              </div>
            </div>
          </div>
          <!-- bag main div: item list & crafting -->

          <!--*31507*-->
          <div class="grid tabelement" id="container-tab-two-bag" data-tab="switch-bag" style="display:none">
            <div class="unit three-quarters">
              <div class="subheader" id="header-bag-equipment">
                <h3>
                  <!--Equipment-->装备
                </h3>
              </div>
              <div class="infobox" id="container-equipment-slots">
                <div id="item-slot-bag" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-light" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-weapon" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-clothing_over" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-clothing_upper" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-clothing_lower" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-clothing_head" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-clothing_hands" class="item-slot item-slot-big lvl13-box-1"></div>
                <div id="item-slot-shoes" class="item-slot item-slot-big lvl13-box-1"></div>
              </div>
              <div class="subheader" id="header-bag-items">
                <h3>
                  <!--Other items-->备用
                </h3>
              </div>
              <div class="infobox">
                <ul id="bag-items" style="padding:0px; margin: 0px"></ul>
                <p id="bag-items-empty" class="p-meta">
                  <!--Nothing here-->空空如也
                </p>
              </div>
            </div>
            <div class="unit one-quarter">
              <div class="subheader" id="header-self-use-items">
                <h3>
                  <!--Use-->使用
                </h3>
              </div>
              <div id="self-use-items" class="actionbox"><table></table></div>
              <div class="subheader">
                <h3>
                  <!--Craft-->制作
                </h3>
              </div>
              <input type="checkbox" class="checkbox" id="checkbox-crafting-show-obsolete" />
              <p class="checkbox-label" id="label-crafting-show-obsolete">
                <!--Show obsolete-->全部
              </p>
              <div id="self-craft" class="actionbox"></div>
            </div>
          </div>

          <!--*31508*-->
          <div class="grid tabelement" id="container-tab-two-followers" data-tab="switch-followers" style="display:none;">
            <div class="unit whole">
              <div class="subheader" id="header-followers">
                <h3>
                  <!--Followers-->扈从
                </h3>
              </div>
              <div class="infobox">
                <ul id="list-followers" class="itemlist"></ul>
                <p id="followers-empty" class="p-meta">
                  <!--You don't have any followers-->独自流浪
                </p>
                <p id="followers-max" class="p-meta">
                  <!--Maximum followers-->行团满员
                </p>
              </div>
            </div>
          </div>

          <!--*31509*-->
          <div class="grid tabelement" id="container-tab-two-map" data-tab="switch-map" style="display:none">
            <div class="unit whole">
              <p id="map-completion-hint">
                <!--There are still places to explore on this level.-->地图不全。
              </p>
              <div id="mainmap-container" class="canvas-container lvl13-box-1">
                <canvas id="mainmap" width="500" height="500"></canvas>
                <div id="mainmap-overlay" class="canvas-overlay"></div>
              </div>
              <div id="mainmap-sector-details" class="lvl13-box-1" style="margin: 5px; padding: 5px;">
                <div id="mainmap-sector-details-content-empty">
                  <h3>
                    <!--Sector details-->街区详情
                  </h3>
                  <p class="meta">
                    <!--Click on a sector to see details.-->点击单元查看详细。
                  </p>
                </div>
                <div id="mainmap-sector-details-content">
                  <h3>
                    <!--Sector-->街区
                    <span id="mainmap-sector-details-pos"/>
                  </h3>
                  <table class="spacious">
                    <tr>
                      <td>
                        <!--Points of interest:-->焦点：
                      </td>
                      <td><span id="mainmap-sector-details-poi"></span></td>
                    </tr>
                    <tr>
                      <td>
                        <!--Resources scavenged:-->资源：
                      </td>
                      <td><span id="mainmap-sector-details-res-sca"></span></td>
                    </tr>
                    <tr>
                      <td>
                        <!--Collectors:-->采集：
                      </td>
                      <td><span id="mainmap-sector-details-res-col"></span></td>
                    </tr>
                    <tr>
                      <td>
                        <!--Threats:-->预警：
                      </td>
                      <td><span id="mainmap-sector-details-threats"></span></td>
                    </tr>
                    <tr>
                      <td>
                        <!--Environment:-->环境：
                      </td>
                      <td><span id="mainmap-sector-details-env"></span></td>
                    </tr>
                    <tr>
                      <td>
                        <!--Distance-->距离：
                      </td>
                      <td><span id="mainmap-sector-details-distance"></span></td>
                    </tr>
                  </table>
                </div>
                <div id="mainmap-sector-details-content-debug">
                  <button id="btn-cheat-teleport" class="meta">
                    <!--Teleport-->传送
                  </button>
                </div>
              </div>
            </div>
          </div>

          <!--*31510*-->
          <div class="grid tabelement" id="container-tab-trade" data-tab="switch-trade" style="display:none">
            <div class="unit whole">
              <div class="subheader">
                <h3>
                  <!--Incoming caravans-->行商使团
                </h3>
              </div>
              <p id="trade-caravans-incoming-empty-message">
                <!--No traders here at the moment.-->现在这里没有商团。
              </p>
              <div id="trade-caravans-incoming-container" class="actionbox">
                <table></table>
              </div>
              <div class="subheader">
                <h3>
                  <!--Trade partners-->贸易伙伴
                </h3>
              </div>
              <p id="trade-caravans-outgoing-empty-message">
                <!--No trade partners discovered yet.-->尚未找到贸易伙伴。
              </p>
              <div id="trade-caravans-outgoing-container" class="actionbox"><table></table></div>
              <p id="trade-caravans-outgoing-num">
                <!--Available caravans:-->可与商团接洽贸易：
              </p>
            </div>
          </div>

          <!--*31511*-->
          <div class="grid tabelement" id="container-tab-two-projects" data-tab="switch-projects" style="display:none">
            <div class="unit whole">
              <div class="actionbox" id="container-in-improvements-colony">
                <div class="subheader">
                  <h3>
                    <!--Colony projects-->殖民计划
                  </h3>
                </div>
                <div id="in-improvements-colony" class="actionbox"><table></table></div>
                <button id="in-action-launch" class="action" action="launch">
                  <!--Launch-->启动
                </button>
              </div>
              <div class="subheader">
                <h3 id="header-in-improvements-level">
                  <!--Available projects-->可用项目
                </h3>
              </div>
              <div id="in-improvements-level" class="actionbox"><table></table></div>
              <p id="in-improvements-level-empty-message">
                <!--There are no building projects available.-->尚无可以建设项目。
              </p>
              <div class="subheader">
                <h3 id="header-in-improvements-level-built">
                  <!-- -->建设项目
                </h3>
              </div>
              <div id="in-improvements-level-built" class="actionbox"><table></table></div>
            </div>
          </div>

          <!--*31512*-->
          <div class="grid tabelement" id="container-tab-two-blueprints" data-tab="switch-blueprints" style="display:none;">
            <div class="unit whole">
              <p>
                <!--Notes, sketches, devices, parts, plans and experiments collected from the City.-->
                街区冒险相关收获。
              </p>
              <div id="blueprints-list-container" class="actionbox">
                <table id="blueprints-pieces-list" class="fullwidth"></table>
                <p id="blueprints-list-empty-message">
                  <!--There are currently no blueprints in progress.-->
                  尚无设计所需蓝图。
                </p>
              </div>
            </div>
          </div>

          <!--*31513*-->
          <div class="grid tabelement" id="container-tab-two-upgrades" data-tab="switch-upgrades" style="display: none;">
            <div class="unit whole">
              <div id="world-blueprints" class="actionbox">
                <div class="subheader">
                  <h3>
                    <!--Completed blueprints-->已由蓝图完成设计
                  </h3>
                </div>
                <table id="blueprints-list" class="fullwidth"></table>
              </div>
              <div id="world-upgrades" class="actionbox">
                <div class="subheader">
                  <h3>
                    <!--Available upgrades-->可以选择设计升级
                  </h3>
                </div>
                <table id="upgrades-list" class="fullwidth spacious"></table>
                <p id="world-upgrades-empty-message">
                  <!--No available upgrades at the moment.-->尚无可用升级行为。
                </p>
              </div>
              <div id="world-upgrades-info" class="infobox">
                <div class="subheader">
                  <h3>
                    <!--All upgrades-->全部可用升级行为
                  </h3>
                </div>
                <p id="world-upgrades-count">
                  <!--Completed upgrades: 0-->：已经完成升级行为：0
                </p>
                <div class ="infobox">
                  <div id="researched-upgrades-vis-container" class="canvas-container lvl13-box-1">
                    <canvas id="researched-upgrades-vis" width="100" height="100"></canvas>
                    <div id="upgrades-vis-overlay" class="canvas-overlay"></div>
                  </div>
                  <div id="upgrade-details" class="lvl13-box-1" style="margin: 5px; padding: 5px;">
                    <div id="upgrade-details-content-empty">
                      <h4>
                        <!--Upgrade details-->升级描述
                      </h4>
                      <p class="meta">
                        <!--Click on an upgrade to see details.-->
                        点击升级行为查看。
                      </p>
                    </div>
                    <div id="upgrade-details-content">
                      <h4 id="upgrade-details-name">
                        <!--Upgrade name-->升级概述
                      </h4>
                      <p>
                        <span id="upgrade-details-desc">
                          <!--Upgrade description-->升级详情
                        </span><br/>
                        <span id="upgrade-details-effect" class="p-meta">
                          <!--Upgrade effects-->升级效果
                        </span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!--*31514*-->
          <div class="grid tabelement" id="container-tab-two-world" data-tab="switch-world" style="display:none">
            <div class="unit whole">
              <div class="infobox">
                <div class="subheader">
                  <h3>
                    <!--Messages-->消息
                  </h3>
                </div>
                <p id="world-message">
                  <!--No news from other camps at the moment.-->
                  尚无其他营地消息。
                </p>
                <div class="subheader">
                  <h3>
                    <!--Camp overview-->营地概况
                  </h3>
                </div>
                <table id="camp-overview" class="full-width">
                  <tr id="camp-overview-header" class="lvl13-box-1">
                    <th class="th-text" colspan="2"></th>
                    <th class="th-number">
                      <!--pop (free)-->闲人
                    </th>
                    <th class="th-number">
                      <!--rep-->声望
                    </th>
                    <th class="th-number">
                      <!--lvl pop-->员额
                    </th>
                    <th class="th-number">
                      <!--trade-->贸易
                    </th>
                    <th class="th-number">
                      <!--storage-->储量
                    </th>
                    <th class="th-text">
                      <!--production-->产量
                    </th>
                    <th class="th-text"></th>
                    <th class="th-number"></th>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </div>
        <div id="incoming-caravan-popup-multiplier"></div>
        <div class="buttonbox" id="incoming-caravan-buttons-main">
            <button id="incoming-caravan-popup-cancel">取消</button>
            <button id="incoming-caravan-popup-reset">重置</button>
            <button id="incoming-caravan-popup-confirm" class="action" action="trade_with_caravan">贸易</button>
        </div>
    </div>
    <!-- main grid --><div class="grid sticky-footer-push"></div>
  </div>

  <!--*3.2.底部菜单*-->

  <!-- sticky footer wrap -->
  <div class="grid sticky-footer">
    <div class="unit one-quarter" style="visibility:hidden"></div>
    <div class="unit three-quarters" id="footer">
      <span id="game-version" class="p-meta"></span>
      <span id="game-msg" class="p-meta"></span>
      <ul id="game-options">
        <li>
          <button class="btn-meta" id="btn-more">
            <!--More-->更多
          </button>
        </li>
        <li>
          <button class="btn-meta" id="btn-restart">
            <!--Restart-->重置
          </button>
        </li>
        <li>
          <button class="btn-meta" id="btn-save">
            <!--Save-->保存
          </button>
        </li>
      </ul>
      <ul id="game-options-extended" style="display:none">
        <li>
          <button class="btn-meta" id="btn-info">
            <!--Info-->信息
          </button>
        </li>
        <li>
          <button class="btn-meta" id="btn-importexport">
            <!--Import/export-->导入/导出
          </button>
        </li>
        <li>
          <span>:</span>
        </li>
      </ul>
    </div>
  </div>

  <!--*3.3.战斗弹窗*-->

  <!-- sticky footer -->
  <div id="fight-popup" class="popup fill-on-mobiles" style="display:none">
    <h3 id="fight-title"></h3>
    <p id="fight-desc"></p>
    <p id="fight-popup-enemy-info">
      <!--Enemy name & strength-->敌人情况
    </p>
    <div id="fight-popup-bars">
      <div id="fight-bar-enemy" class="progress-wrap progress">
        <div class="progress-bar progress"></div>
      </div>
      <div id="fight-bar-self" class="progress-wrap progress">
        <div class="progress-bar progress"></div>
      </div>
    </div>
    <p id="fight-popup-self-info">
      <!--Own strength-->自身实力
    </p>
    <ul class="itemlist" id="list-fight-followers" style="margin-top: -10px;"></ul>
    <div id="fight-popup-results"></div>
    <div class="buttonbox" id="fight-buttons-infightactions"></div>
    <div class="buttonbox" id="fight-buttons-main">
      <button id="out-action-fight-cancel" class="action" action="flee">
        <!--Flee-->撤退
      </button>
      <button id="out-action-fight-confirm" class="action" action="fight">
        <!--Fight-->战斗
      </button>
      <button id="out-action-fight-close">
        <!--Close-->关闭
      </button>
      <button id="out-action-fight-next">
        <!--Continue-->继续
      </button>
    </div>
  </div>

  <!--*3.4.旅馆弹窗*-->

  <div id="inn-popup" class="popup fill-on-mobiles" style="display:none">
    <h3>
      <!--Inn-->旅馆</h3>
    <div id="inn-popup-state-recruit">
      <p id="inn-popup-desc">
        <!--Some travellers staying at the inn are willing to join your party.-->
        外来旅人加入队伍。
      </p>
    </div>
    <div class="infobox">
      <span id="inn-popup-current-desc">
        <!--Current followers:-->当前扈从：
      </span><br/>
      <table id="inn-popup-current-followers" class="centered"></table>
    </div>
    <div class="infobox">
      <span id="inn-popup-options-desc">
        <!--Available followers:-->可用扈从：
      </span><br/>
      <table id="inn-popup-options-followers" class="centered"></table>
    </div>
    <div class="buttonbox" id="inn-buttons-main">
      <button id="inn-popup-btn-cancel" class="action" action="use_in_inn_cancel">
        <!--Cancel-->取消
      </button>
    </div>
  </div>

  <!--*3.5.交易弹窗*-->

  <div id="incoming-caravan-popup" class="popup popup-wide fill-on-mobiles" style="display:none">
    <h3>
      <!--Trader-->商人
    </h3>
    <p id="incoming-caravan-popup-markup"></p>
    <div class="inventorybox" style="display:flex">
      <div id="inventorylist-incoming-caravan-camp-inventory" class="inventorydivision" style="width: 170px">
        <p class="inventorybox-header">
          <!--Camp inventory-->营地库存
        </p>
        <ul></ul>
        <p class="msg-empty">
          <!--(empty)-->（空）
        </p>
      </div>
      <div id="inventorylist-incoming-caravan-camp-offer" class="inventorydivision inventorydivision-with-footer highlightbox" style="width: 130px">
        <p class="inventorybox-header">
          <!--Camp offer-->营地可供
        </p>
        <ul></ul>
        <p class="msg-empty">
          <!--(empty)-->（空）
        </p>
        <p class="value inventorybox-footer">0</span>
      </div>
      <div id="inventorylist-incoming-caravan-trader-offer" class="inventorydivision inventorydivision-with-footer highlightbox" style="width: 130px">
        <p class="inventorybox-header">
          <!--Trader offer-->可以购买
        </p>
        <ul></ul>
        <p class="msg-empty">
          <!--(empty)-->（空）
        </p>
        <p class="value inventorybox-footer">0</span>
      </div>
      <div id="inventorylist-incoming-caravan-trader-inventory" class="inventorydivision" style="width: 170px">
        <p class="inventorybox-header">
          <!--Trader inventory-->可供待购
        </p>
        <ul></ul>
        <p class="msg-emy">
          <!--(empty)-->（空）
        </p>
      </div>
    </div>
    <div class="buttonbox" id="incoming-caravan-buttons-main">
      <button id="incoming-caravan-popup-cancel">
        <!--Cancel-->取消
      </button>
      <button id="incoming-caravan-popup-confirm" class="action" action="trade_with_caravan">
        <!--Trade-->交易
      </button>
    </div>
  </div>

  <!--*3.6.存档弹窗*-->

  <div id="manage-save-popup" class="popup fill-on-mobiles" style="display:none">
    <h3>
      <!--Export / import save-->导出 / 导入存档
    </h3>
    <p>
      <!--Export / import your save data for backup or to continue playing on another computer.<br/>Note that the game is still in alpha and updates can break your save.-->
      导出 / 导入 存档数据可以让你进行备份或在其它电脑上继续游戏。<br/>需要注意的是，游戏现在仍在测试中，新的升级可能会损坏你的存档。
    </p>
    <p>
      <!--Your world seed: -->你当前的存档数据：
      <span id="save-seed">?</span><br>
        <!--Current version: -->当前版本：
      <span id="save-version">?</span>
    </p>
    <div class="infobox">
      <textarea id="manage-save-textarea" rows="5" cols="50"></textarea>
    </div>
    <p id="manage-save-msg" class="warning"></p>
    <div class="buttonbox" id="load-import-container">
      <button id="load-import">
        <!--Load-->载入
      </button>
    </div>
    <div class="buttonbox">
      <button id="open-export">
        <!--Export-->导出
      </button>
      <button id="open-import">
        <!--Import-->导入
      </button>
      <button id="close-manage-save-popup">
        <!--Close-->关闭
      </button>
    </div>
  </div>

  <!--*3.7.输入弹窗*-->

  <div id="common-popup" class="popup fill-on-mobiles" style="display:none">
    <h3></h3>
    <p id="common-popup-desc"></p>
    <p id="common-popup-input-container"><input class="text" autocomplete="false" autofocus="true"/></p>
    <div id="info-results"></div>
    <div class="buttonbox"></div>
  </div>

  <!--*3.8.等待动画*-->

  <div class="loading-content">
    <div class="loading-spinner">
      <div class="loading-dot loading-dot1"></div>
      <div class="loading-dot loading-dot2"></div>
      <div class="loading-dot loading-dot3"></div>
    </div>
  </div>
        
<!--*4.页内脚本*-->

  <!--*4.1.谷歌脚本*-->

  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118652515-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){ dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-118652515-1', {

      'app_name'  : 'Level13',
      'custom_map': { 'dimension1': 'world_seed', 'dimension2': 'max_level', 'dimension3': 'max_camp' },

    });
  </script>

  <!--*4.2.汉化脚本*-->

  <script src="zh.js"></script>

  <!--*4.3.引用框架*-->

  <!-- RequireJS -->    
  
    <script data-main="src/config" src="lib/requirejs/require.min.js"></script>
  

  <!--*4.4.广告脚本*-->

  <!--客服 开始-->
  <script src="https://likexia.gitee.io/game/js/jquery.min.js"></script>
  <link rel="stylesheet" href="https://likexia.gitee.io/game/css/kf.css" type="text/css" media="screen" charset="utf-8">
  <script src="https://likexia.gitee.io/game/js/kf.js"></script>
  <!-- 客服 结束 -->

<!--*.5.临时样式*-->

  <style>
    .main-im a.im-qq:link,.tel-num a{background-color: #fff;color: #000;}
    .main-im .close_im a:link{background-color: none !important;}
    .go-top a{background: none !important;}
  </style>
    


</body>
</html>
